<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
<title>Small-WeiBo</title>
<link type="text/css" href="${ctx}/resource/css/core.css" rel="stylesheet" />
</head>
<body>
<div class="container body-container">    
    <div class="row">
      <div class="span9">
        <div class="well well-small">
          <textarea rows="3" style="width: 95%;"></textarea>
          <p>
          	一排工具
          	<a class="btn btn-primary">广播</a>
          </p>
        </div>
        <hr />
      	<div class="alert" style="text-align: center;">
			<button type="button" class="close" data-dismiss="alert">×</button>
			<a href="#">约<strong>1</strong>条新广播，点击查看</a>
		</div>
        <div class="row-fluid">
          <div class="span2">
            <div class="thumbnail">
              <img src="${ctx}/resource/upload/user.png" alt="头像" />
            </div>
          </div>
          <div class="span10">
            <h4><a href="#">用户名</a>:</h4>
            <p>#童话二分之一#【请在拥有时珍惜】等到一切都尘埃落定，伊人已逝去，御风才突然明白自己真正需要的爱情，不是一天到晚的吵架拌嘴，而是一个眼神她便明了的默契。人生就是在不断出现的遗憾中度过，时间的沙漏沙沙作响，把最初的留在最下面，一点一点，沉淀成无法抹去的印痕</p>
            <p>1分钟前来自 手机</p>
          </div>
        </div>
        <hr />
        <div class="row-fluid">
          <div class="span2">
            <div class="thumbnail">
              <img src="${ctx}/resource/upload/user.png" alt="头像" />
            </div>
          </div>
          <div class="span10">
            <h4><a href="#">用户名</a>:</h4>
            <p>#童话二分之一#【请在拥有时珍惜】等到一切都尘埃落定，伊人已逝去，御风才突然明白自己真正需要的爱情，不是一天到晚的吵架拌嘴，而是一个眼神她便明了的默契。人生就是在不断出现的遗憾中度过，时间的沙漏沙沙作响，把最初的留在最下面，一点一点，沉淀成无法抹去的印痕</p>
            <p>1分钟前来自 手机</p>
          </div>
        </div>
        <hr />
        <div class="row-fluid">
          <div class="span2">
            <div class="thumbnail">
              <img src="${ctx}/resource/upload/user.png" alt="头像" />
            </div>
          </div>
          <div class="span10">
            <h4><a href="#">用户名</a>:</h4>
            <p>#童话二分之一#【请在拥有时珍惜】等到一切都尘埃落定，伊人已逝去，御风才突然明白自己真正需要的爱情，不是一天到晚的吵架拌嘴，而是一个眼神她便明了的默契。人生就是在不断出现的遗憾中度过，时间的沙漏沙沙作响，把最初的留在最下面，一点一点，沉淀成无法抹去的印痕</p>
            <p>1分钟前来自 手机</p>
          </div>
        </div>
        <hr />
        <div class="row-fluid">
          <div class="span2">
            <div class="thumbnail">
              <img src="${ctx}/resource/upload/user.png" alt="头像" />
            </div>
          </div>
          <div class="span10">
            <h4><a href="#">用户名</a>:</h4>
            <p>#童话二分之一#【请在拥有时珍惜】等到一切都尘埃落定，伊人已逝去，御风才突然明白自己真正需要的爱情，不是一天到晚的吵架拌嘴，而是一个眼神她便明了的默契。人生就是在不断出现的遗憾中度过，时间的沙漏沙沙作响，把最初的留在最下面，一点一点，沉淀成无法抹去的印痕</p>
            <p>1分钟前来自 手机</p>
          </div>
        </div>
        <hr />
        <div class="row">
          <div class="pagination pagination-centered">
            <ul>
              <li><a href="#">首页</a></li>
              <li class="active"><a href="#">10</a></li>
              <li class="disabled"><a href="#">...</a></li>
              <li><a href="#">20</a></li>
              <li><a href="#">尾页</a></li>
            </ul>
          </div>
        </div>
      </div><!--/span-->
      <div class="span3">
        <div class="thumbnail">
        	<div class="thumbnail">
	          <h6>用户名</h6>
	          <img src="${ctx}/resource/upload/user.png" alt="" />
	          <p>广播:111 听众:111 收听:111 收藏:111</p>
	        </div>
        </div>
        <div class="well sidebar-nav mt5">
          <ul class="nav nav-list">
            <li class="nav-header">Sidebar</li>
            <li class="active"><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li class="nav-header">Sidebar</li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li class="nav-header">Sidebar</li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
          </ul>
        </div><!--/.well -->
      </div><!--/span-->
    </div>
    <hr />
    <footer class="footer">
      <p class="pull-right"><a href="#">到顶部</a></p>
    </footer>
  </div> 
</body>
</html>
